﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>中南大学自动化学院模型管理平台</title>
    <link rel="icon" type="image/x-icon" href="./favicon.ico">
    <script type="text/javascript">
        // 检测浏览器版本
        (function () {
            var version = ieVer();
            if (version < 9) {
                location.href = "../version.html";
            }
            function ieVer() {
                var userAgent = navigator.userAgent;
                var isOpera = userAgent.indexOf("Opera") > -1;
                var isIE =
                  userAgent.indexOf("compatible") > -1 &&
                  userAgent.indexOf("MSIE") > -1 &&
                  !isOpera;
                if (isIE) {
                    var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
                    reIE.test(userAgent);
                    var IEVersion = parseFloat(RegExp["$1"]);
                    return Math.floor(IEVersion);
                }

                return Infinity;
            }
        })();
    </script>
    <link type="text/css" rel="stylesheet" href="./css/reset.css" />
    <link type="text/css" rel="stylesheet" href="./css/index.css" />
    <link type="text/css" rel="stylesheet" href="./css/index2.css" />
    <link rel="stylesheet" href="./css/jquery.mCustomScrollbar.css" />
    <link type="text/css" rel="stylesheet" href="./css/details.css" />
    <script type="text/javascript" src="./js/jquery.1.10.2.js"></script>
    <script type="text/javascript" src="./js/vue.min.2.5.13.js"></script>
    <script type="text/javascript" src="./js/jquery.zxxbox.3.0-min.js"></script>
    <script type="text/javascript"
            src="./js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script type="text/javascript"
            src="./js/syntaxhighlighter/scripts/shCore.js"></script>
    <script type="text/javascript"
            src="./js/syntaxhighlighter/scripts/shAutoloader.js"></script>
    <link type="text/css"
          rel="stylesheet"
          href="./js/syntaxhighlighter/styles/shCoreJisu.css" />
    <script type="text/javascript">
        function path() {
            var args = arguments,
              result = [];
            for (var i = 0; i < args.length; i++)
                result.push(args[i].replace("$", "./js/syntaxhighlighter/scripts/"));
            return result;
        }
        $(function () {
            SyntaxHighlighter.autoloader.apply(
              null,
              path(
                "php                    $shBrushPhp.js",
                "java                   $shBrushJava.js",
                "objc obj-c             $shBrushObjC.js",
                "actionscript3 as3      $shBrushAS3.js",
                "bash shell             $shBrushBash.js",
                "coldfusion cf          $shBrushColdFusion.js",
                "c# c-sharp csharp      $shBrushCSharp.js",
                "delphi pascal          $shBrushDelphi.js",
                "jfx javafx             $shBrushJavaFX.js",
                "js jscript javascript  $shBrushJScript.js",
                "perl pl                $shBrushPerl.js",
                "py python              $shBrushPython.js",
                "ruby rails ror rb      $shBrushRuby.js",
                "vb vbnet               $shBrushVb.js",
                "xml xhtml xslt html    $shBrushXml.js"
              )
            );
            //SyntaxHighlighter.defaults['gutter'] = false;
            SyntaxHighlighter.defaults["toolbar"] = false;
            SyntaxHighlighter.defaults["auto-links"] = false;
            SyntaxHighlighter.defaults["quick-code"] = false;
            SyntaxHighlighter.all();
        });
    </script>
     <script src="./js/utils.js"></script>
    <script src="./js/details.js"></script>
    <script></script>
</head>
<body>
    <div id="app" class="vue-details">
          <div id="top">
            <div class="wid">
              <div id="logo">
                <a href="./index.html"></a>
                <h1>
                    <a href="./index.html" style="font-size: 21px;"
                    >自动化学院模型管理平台</a
                    >
                </h1>
              </div>
              <div id="nav">
                <ul>
                  <li>
                    <img src="./images/yishoulu.png" alt="" class="left" />
                    <div class="right">
                      <span class="num">{{statistics.projectSum}}</span
                      ><span class="name">已收录数据</span>
                    </div>
                  </li>
                  <li>
                    <img src="./images/shuju.png" alt="" class="left" />
                    <div class="right">
                      <span class="num">{{statistics.todaySum}}</span
                      ><span class="name">今日收录</span>
                    </div>
                  </li>
                  <li>
                    <img src="./images/chaxun.png" alt="" class="left" />
                    <div class="right">
                      <span class="num">{{statistics.browseSum}}</span
                      ><span class="name">总浏览量</span>
                    </div>
                  </li>
                  <!-- <li><a href="/open/" class="on">数据开放</a></li>
                  <li><a href="/api/">API</a></li>
                  <li><a href="/pack/">数据集</a></li>
                  <li><a href="/vip/">会员</a></li>
                  <li><a href="/news/">新闻</a></li> -->
                </ul>
              </div>
              <div id="logoright">
                <div id="nologinbox" v-if="!userName">
                  <a href="./login.html" class="on" rel="nofollow">登录</a
                  ><span>|</span><a href="./reg.html" rel="nofollow">注册</a>
                </div>
                <div id="nologinbox" v-else>
                    <span><a href="./folders.html">{{userName}}</a></span>
                </div>
              </div>
              <div class="clear"></div>
            </div>
          </div>
            <div id="topcrumb" class="wid">
                <div class="topcrum-box">
                    <a href="/code/index.html">首页</a>
                    <span></span>
                    <a :href="`/code/detail.html?id=${details.id}`">{{details.name}}</a>
                </div>
            </div>
            <div :class="['wid',userName?'':'no-login']" id="apiibox">
                <div id="apiileft">
                    <div id="apiinfo" style="border-top-color: #ffd800;">
                        <div id="apiinfoleft">
                            <img v-show="details.apipic" :src="details.apipic"
                                 alt="details.name" />
                            <a href="javascript:;" id="collectbtn" @click="clickCollectBtn" :class="details.like_not == 1 ? 'on' : ''">
                                <span></span>
                            </a>
                        </div>
                        <div id="apiinforight">
                            <div id="apiitop">
                                <h1>{{details.name}}</h1>
                                <div id="apinuminfo">
                                    <ul>
                                        <li id="clicknum">{{details.clicknum  || 0}}</li>
                                        <li @click="clickCollectBtn" id="collectnum" :class="details.like_not == 1 ? 'on' : ''">{{details.collectnum || 0}} </li>
                                        <!-- <li id="usednum">{{details.usednum || 0}}</li> -->
                                    </ul>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div id="apiidesc">
                                {{details.apiidesc}}
                            </div>
                            <div id="productTags">
                                <span v-for="tag in details.apitags" :style="`background-color:#FF7878`">{{tag}}</span>
                                <!-- <span v-for="tag in details.apitags" :style="`background-color:${randomColor()}`">{{tag}}</span> -->
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div id="apicontent">
                        <div id="apitab">
                            <ul>
                                <li><a href="javascript:;" class="on">模型介绍</a></li>
                                <li><a href="javascript:;">模型文档</a></li>
                                <!-- <li><a href="javascript:;">示例代码</a></li>
                                <li><a href="javascript:;">常见问题</a></li> -->
                                <!--<li><a href="javascript:;">用户评价</a></li>-->
                            </ul>
                            <div class="clearfix"></div>
                        </div>
                        <div id="apibox">
                            <section class="myli" id="apimain">
                                <h2>模型介绍</h2>

<table>
        <tbody><tr><th class="col6">类别特性</th><th class="col7">说明</th></tr>
                <tr>
          <td class="td-1">模型名称</td>
          <td class="td-2">{{details.name}}</td>
        </tr>
                <tr>
          <td class="td-1">模型功能</td>
          <td class="td-2">{{details.apiidesc}}</td>
        </tr>
                <tr>
          <td class="td-1">模型输入</td>
          <td class="td-2">{{details.Input || '    '}}</td>
        </tr>
        <tr>
          <td class="td-1">模型输出</td>
          <td class="td-2">{{details.OutPut || '    '}}</td>
        </tr>
<tr>
          <td class="td-1">审核时间</td>
          <td class="td-2">{{details.Check_Time==null?"":details.Check_Time.replace(/ 00:00:00/, "") || '    '}}</td>

        </tr>
<tr>
<td class="td-1">审核人</td>
          <td class="td-2">{{details.Check_Name || '    '}}</td>
 </tr>
<tr>
          <td class="td-1">版本号</td>
          <td class="td-2">{{details.Version_Number || '    '}}</td>
        </tr>
      </tbody></table>
                            </section>

                            <section class="myli" id="apidoc" style="position: relative;">
                                <h2>模型文档</h2>
                                 <div  :class="['apiDetailIntroduce__box',userName?'user-select':'some-class-zxx']">
                                    <!--<p>
                                        <label for="">请求地址: </label><span class="lightblue">{{details.url}}</span>
                                    </p>
                                    <p>请求key:<span>{{details.key}}</span></p>
                                    <p>请求格式:<span>{{details.context}}</span></p>
                                    <p>
                                        请求示例:<span>
                                            {{details.demourl}}
                                        </span>
                                    </p> -->
<table>
        <tbody><tr><th class="col6">类别特性</th><th class="col7">说明</th></tr>
                <tr>
          <td class="td-1">请求地址</td>
          <td class="td-2">{{details.url}}</td>
        </tr>
                <tr>
          <td class="td-1">请求格式</td>
          <td class="td-2" style="word-break:break-all">{{details.key}}</td>
        </tr>

      </tbody></table>
                                </div>



                                <p v-if="!userName" style=" position: absolute;top: 50%;left: 50%;transform: translate(-50%, 0);"><a href="./login.html" style="display: inline;color: #00B0FE;">登录</a>后可查看</p>

                            </section>

                            <!-- <section class="myli" id="apicode">
                                <h2>示例代码</h2>
                                <div class="apiDetailIntroduce__box">
                                    <div class="coderequest">
                                        <div class="alh4line">
                                            <h4>请求代码：</h4>
                                        </div>
                                        <div class="codetab">
                                            <ul>
                                                <li v-for="(item, index) in details.apicode"><a href="javascript:;" class="index===0?'on':''" @click="changedCode">{{item.lan}}</a></li>
                                            </ul>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="codebox">
                                            <div class="codeitem" v-for="(item, index) in details.apicode" style="{display: (index!==0?'none':'inherit')}">
                                                <pre v-if="getClass(item.lan) === 'python'" class="brush:python;">{{item.code}}</pre>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            </section>
                            <section class="myli" id="apierror">
                                <h2>常见问题</h2>
                                <div class="commonProblems" v-for="(item,index) in details.apierror">
                                    <div class="title">
                                        {{index+1}}、{{item.title}}
                                    </div>
                                    <p>
                                        {{item.desc}}
                                    </p>
                                </div>
                            </section> -->

                            <div class="clearfix"></div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div id="apiiright">
                    <div id="relatedata">
                        <h2 class="tipH2"><strong>相关模型</strong><span>RELATED PROJECT</span></h2>
                        <ul v-if="relation.length>0">
                            <li v-for="item in relation" :key="item.Project_Id" :title="item.Call_Function">
                                <a :href="`./details.html?id=${item.Project_Id}`">
                                    <img :src="item.Project_Img" height="45" :alt="item.Project_Name">
                                    <h3>{{item.Project_Name.substring(0,8)+'...'}}</h3>
                                </a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <script src="./js/widget.js"></script>
    <div class="wid" id="foot2">
        <div class="wid2">
          <p class="clear mtop15 mcenter">© 2020-<script>
            var year = new Date().getFullYear();
            document.write(year);
          </script> <a href="http://soa.csu.edu.cn/" target="_blank" style="color:#999;display: inline;">中南大学自动化学院</a> 版权所有 <span>　<a href="http://www.beian.miit.gov.cn" target="_blank" style="color:#999;display: inline;">湘ICP备05005659号-1 </a>　湘教QS3-200505-000204
        </span></p>
        </div>
      </div>
</body>
</html>
